<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://googletagmanager.com">
    <meta name="title" content="Портфолио Коробка Андрей">
    <meta name="description" content="Рассказ о frontend разработчике Андрее Коробка">
    <meta name="keywords" content="Портфолио, фронтенд, react, redux, javascript, css, bootstrap, frontend, frontend developer">
    <meta name="robots" content="index, follow">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="language" content="Russian">
    <meta name="author" content="Андрей Коробка">
    <link rel="icon" href="../img/favicon.ico" />
      <meta name="theme-color" content="#64748B" />
      <meta property="og:title" content="Портфолио Коробка Андрей | Обо Мне">
    <meta property="og:site_name" content="andrew-web.ru">
    <meta property="og:url" content="https://andrew-web.ru">
    <meta property="og:description" content="Рассказ о frontend разработчике Андрее Коробка">
    <meta property="og:type" content="website">
    <title>Портфолио Коробка Андрей | Обо Мне</title>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="../css/animate.min.css">
    <link rel="stylesheet" href="../css/style.css">
    <style>
      html {
        font-family: 'Roboto', sans-serif;
      }
    </style>
    <script src="../js/ya.metrica.js"></script>

    <script async src="https://www.googletagmanager.com/gtag/js?id=G-2004SZCNZX"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-2004SZCNZX');
    </script>
  </head>
<body class="dark:bg-gray-800 px-2 md:px-6">
  <noscript>
    <div>
      <img src="https://mc.yandex.ru/watch/86681754" style="position:absolute; left:-9999px;" alt="" />
    </div>
  </noscript>
  <header class="header wow fadeInDown">
    <div class="header__wrapper">
      <div class="header-content">
        <img src="../img/36032455.jpeg" alt="Фото профиля" class="rounded-full h-24">
        <div>
          <h1 class=" text-2xl xl:text-3xl text-gray-800 dark:text-gray-300">Андрей Коробка</h1>
          <div class="inline-flex items-center justify-center w-full py-2">
            <ul class="flex gap-4">
              <li class="header__item">
                <a target="_blank" href="https://github.com/Denison1526" class="header__link">
                  <img src="../img/github.svg" alt="Логотип гитхаб" class="header__image">
                </a>
              </li>
              <li class="header__item">
                <a target="_blank" href="https://t.me/Dionisio96" class="header__link">
                  <img src="../img/telegram-1.svg" alt="Логотип телеграмма" class="header__image">
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <nav class="navigation"><a class="navigation__link" href="/">Проекты</a> <a class="navigation__link navigation__link_active" href="/about/">Обо мне</a></nav>
    </div>
  </header>
  <main>
    <section class="content wow fadeInUp">
      <p class="text-center work__headline wow fadeInUp" data-wow-delay="1s">Hello World!</p>
      <p class="wow fadeInUp" data-wow-delay="1.2s">Имею более чем годовой опыт верстки сайтов. Frontend-разработка мне интересна из-за возможности экспериментировать, строить красивые сайты, создавать понятные интерфейсы и получать результат.</p>
      <p class="wow fadeInUp" data-wow-delay="1.5s">Я квалифицированно выполняю поставленные задачи и не боюсь новых или сложных заданий.Моя цель на ближайшее время - освоить популярные сейчас фреймворки (React).</p>
      <p class="wow fadeInUp" data-wow-delay="1.8s">Мои сильные стороны - умение работать в команде, готовность находить наиболее эффективные и красивые решения, способность к самостоятельному поиску ресурсов для решения задач и повышения своего профессионального уровня, а также большой интерес к разработке интерфейсов.</p>
    </section>
  </main>
  <script src="../js/wow.min.js"></script>
  <script>
    new WOW().init();
  </script>
</body>
</html>
